<template>
    <view class="salesReturn">
        <view class="salesReturn_list">
            <view class="salesReturn_tuihuo"><text>退货</text></view>
            <view class="salesReturn_shangping">
                <view class="salesReturn_image"><image src="https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/logo.png"></image></view>
                <view class="salesReturn_guige">
                    <view>阿斯蒂芬</view>
                    <view>of阿斯蒂芬 <text>红色</text></view>
                    <view class="distabcell">
                        <view>43码</view>
                        <view>数量x<text>1</text></view>
                    </view>
                </view>
            </view>
        </view>
        <view class="salesReturn_list">
            <view class="salesReturn_tuihuo"><text>退货</text></view>
            <view class="salesReturn_shangping">
                <view class="salesReturn_image"><image src="https://gatherabc.oss-cn-qingdao.aliyuncs.com/xcx/logo.png"></image></view>
                <view class="salesReturn_guige">
                    <view>阿斯蒂芬</view>
                    <view>of阿斯蒂芬 <text>红色</text></view>
                    <view class="distabcell">
                        <view>43码</view>
                        <view>数量x<text>1</text></view>
                    </view>
                </view>
            </view>
        </view>

    </view>
</template>
<script>
    import wepy from 'wepy';
    import api from '@/api/api';
    import {
        USER_INFO,USER_SPECICAL_INFO
    } from '@/utils/constant';

    export default class salesReturn extends wepy.page {
        config = {  // 配置当前页面
            navigationBarTitleText: '退货清单',    // 头部标题
        }
        components = {

        }

        data = {


        }

        methods = {  // 方法

        }
        events = {

        }
    }

</script>
<style lang="less">
    .salesReturn{
        >view:first-child{
            margin-top: 0rpx;
        }
        .salesReturn_list{
            margin-top: 30rpx;
            .salesReturn_tuihuo{
                height: 80rpx;
                line-height: 80rpx;
                text-align: right;
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                background: #fff;
                text{
                    color: #ffb025;
                    padding-right:40rpx;
                }
            }
            .salesReturn_shangping{
                padding:20rpx 40rpx;
                background: #fff;
                .salesReturn_image{
                    display: table-cell;
                    image{
                        width: 180rpx;
                        height: 180rpx;
                        border: 1px solid #ddd;
                    }
                }
                .salesReturn_guige{
                    display: table-cell;
                    vertical-align: top;
                    padding-left: 20rpx;
                    .distabcell{
                        padding-top: 40rpx;
                        view{
                            display: table-cell;
                        }
                        view:last-child{
                            padding-left: 20rpx;
                        }
                    }
                }

            }
        }

    }
</style>
